<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8" />
	<title>订单管理</title>
	<link rel="shortcut icon" href="/images/user/favicon.png" type="image/x-icon"/>
	<link href="/css/user/buy/css.css" rel="stylesheet" type="text/css" />
	<link href="/css/user/users/member_center.css" rel="stylesheet" type="text/css" /> 
	<link href="/css/dialog.css" rel="stylesheet" type="text/css" /> 
	<script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="/js/dialog.min.js"></script>
	<script type="text/javascript" src="/js/bstdialog.min.js"></script>
	<script type="text/javascript" src="/js/user/ntabs.js"></script> 
	<script type="text/javascript" src="/js/member-center.js"></script>
	<script type="text/javascript" src="/js/user/users/member_center/menu_line.js"></script>
	<script type="text/javascript" src="/js/user/users/consume_record/order_manage/order_manage.js"></script>
	<script type="text/javascript" src="/js/user/users/consume_record/order_manage/delete_order.js"></script>
	<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
	<script type="text/javascript" src="/js/ajaxDataFormat.js"></script>
</head>
<body>
<input type="hidden" id="pageAll"/>
<input type="hidden" id="pageCountAll"/>
<input type="hidden" id="pageSuccess"/>
<input type="hidden" id="pageCountSuccess"/>
<input type="hidden" id="pagePay"/>
<input type="hidden" id="pageCountPay"/>
<input type="hidden" id="pageClose"/>
<input type="hidden" id="pageCountClose"/>
<input type="hidden" id="pageDelete"/>
<input type="hidden" id="pageCountDelete"/>
<div class="Wrapper">
	<!--会员中心头部-->
    <jsp:include page="../../../common/member/memberHeader.jsp"></jsp:include>
    <!--会员中心中间部分-->
    <div class="uc_bd mt20 mb20 ">
    	<div class="uc_layer">
            <div class="account">
                <!--会员信息左侧-->
                <jsp:include page="../../../common/consume/consume_left.jsp"></jsp:include>
            	<!--会员信息左侧-->
                <!--基本资料右侧-->
                <div class="member_r fr">
                	<!--订单管理列表开始-->
                	<div class="uitopb uitopb_border mb20">
                    	<div class="lm-t tabs bread"><a href="/consume/order/manage">消费记录</a> > 订单管理</div>
                    </div>
                    <div class="order_list">
                        <div class="title_bar">
                        	<ul class="tabs" id="mytab">
                            	<li class="active" onclick="nTabs(this,0);"><a href="#tab1">全部</a></li>
                                <li class="sta" onclick="nTabs(this,1);"><a href="#tab2">已付款</a></li>
                                <li class="sta" onclick="nTabs(this,2);"><a href="#tab3">待付款</a></li>
                                <li class="sta" onclick="nTabs(this,3);"><a href="#tab4">已作废</a></li>
                                <li class="sta" id="lastlist" onclick="nTabs(this,4);"><a href="#tab5">订单回收站</a></li>
                            </ul>
                            <div class="tab_container">
                            	<div id="mytab_Content0" class="tab_content" style="display:block;">
                                	<div class="orderlist_search cle">
                                    	<ul class="cle">
                                        	<li class="fl mr20">
                                                <label for="select">商品名称：</label>
                                                <select name="select" id="selectAll" class="nameInput">
                                                    <option value="">请选择</option>
													<c:forEach items="${goodsList}" var="goods">
														<option value="${goods.goodsId}">${goods.goodsName}</option>
													</c:forEach>
                                                </select>
                                            </li>
                                            <li class="fl ml10">
                                            	<label for="textfield" class="fl">交易时间：</label>
                                                <input type="text" name="textfield" id="startTimeAll" onclick="WdatePicker()" class="fl timeInput Wdate" />
                                                <label for="textfield" class="fl">至：</label>
                                                <input type="text" name="textfield" id="endTimeAll" onclick="WdatePicker()" class="fl timeInput Wdate" />
                                            </li>
                                            <li class="fl ml10"><a href="javascript:void(0)" class="orderlist_searchbtn" id="searchAll">查询</a></li>
                                        </ul>
                                	</div>
                                    <ul class="cle mt20">
                                    	<li class="fl mr20">
                                        	<input type="checkbox" name="checkbox" class="checkall" />
                                          	<label for="checkbox">全选</label>
                                        </li>
                                        <li class="fl ml20"><a href="#" data-state="0" class="orderlist_searchbtn delete_btn">删除</a></li>
                                    </ul>
                                    <div class="orderlist_box mt20 cle">
                                    	<ul class="cle">
                                        	<li class="tt">&nbsp;</li>
                                            <li class="tr">订单编号</li>
                                            <li>商品名称</li>
                                            <li class="td">数量</li>
                                            <li class="td">类型</li>
                                            <li>金额（元）</li>
                                            <li class="td">状态</li>
                                            <li>创建时间</li>
                                            <li>支付/开通时间</li>
                                            <li>操作</li>
                                        </ul>
                                        <div class="orderlistdiv cle" id="All"></div>
                                    </div>
                              	</div>
                                <div id="mytab_Content1" class="tab_content" style="display:none;">
                                	<div class="orderlist_search cle">
                                    	<ul class="cle">
                                        	<li class="fl mr20">
                                                <label for="select">商品名称：</label>
                                                <select name="select" id="selectSuccess" class="nameInput">
                                                    <option value="">请选择</option>
													<c:forEach items="${goodsList}" var="goods">
														<option value="${goods.goodsId}">${goods.goodsName}</option>
													</c:forEach>
                                                </select>
                                            </li>
                                            <li class="fl ml10">
                                            	<label for="textfield" class="fl">交易时间：</label>
                                                <input type="text" name="textfield" id="startTimeSuccess" onclick="WdatePicker()" class="fl timeInput Wdate" />
                                                <label for="textfield" class="fl">至：</label>
                                                <input type="text" name="textfield" id="endTimeSuccess" onclick="WdatePicker()" class="fl timeInput Wdate" />
                                            </li>
                                            <li class="fl ml10"><a href="javascript:void(0)" class="orderlist_searchbtn" id="searchSuccess">查询</a></li>
                                        </ul>
                                	</div>
                                    <ul class="cle mt20">
                                    	<li class="fl mr20">
                                        	<input type="checkbox" name="checkbox" class="checkall" />
                                          	<label for="checkbox">全选</label>
                                        </li>
                                        <li class="fl ml20"><a href="#" data-state="0" class="orderlist_searchbtn delete_btn">删除</a></li>
                                    </ul>
                                    <div class="orderlist_box mt20 cle">
                                    	<ul class="cle">
                                        	<li class="tt">&nbsp;</li>
                                            <li class="tr">订单编号</li>
                                            <li>商品名称</li>
                                            <li class="td">数量</li>
                                            <li class="td">类型</li>
                                            <li>实付金额（元）</li>
                                            <li class="td">状态</li>
                                            <li>创建时间</li>
                                            <li>支付/开通时间</li>
                                            <li>操作</li>
                                        </ul>
                                        <div class="orderlistdiv cle" id="Success"></div>
                                    </div>
                                </div>
                                <div id="mytab_Content2" class="tab_content" style="display:none;">
                                	<div class="orderlist_search cle">
                                    	<ul class="cle">
                                        	<li class="fl mr20">
                                                <label for="select">商品名称：</label>
                                                <select name="select" id="selectPay" class="nameInput">
                                                    <option value="">请选择</option>
													<c:forEach items="${goodsList}" var="goods">
														<option value="${goods.goodsId}">${goods.goodsName}</option>
													</c:forEach>
                                                </select>
                                            </li>
                                            <li class="fl ml10">
                                            	<label for="textfield" class="fl">交易时间：</label>
                                                <input type="text" name="textfield" id="startTimePay" onclick="WdatePicker()" class="fl timeInput Wdate" />
                                                <label for="textfield" class="fl">至：</label>
                                                <input type="text" name="textfield" id="endTimePay" onclick="WdatePicker()" class="fl timeInput Wdate" />
                                            </li>
                                            <li class="fl ml10"><a href="javascript:void(0)" class="orderlist_searchbtn" id="searchPay">查询</a></li>
                                        </ul>
                                	</div>
                                    <ul class="cle mt20">
                                    	<li class="fl mr20">
                                        	<input type="checkbox" name="checkbox" class="checkall" />
                                          	<label for="checkbox">全选</label>
                                        </li>
                                        <li class="fl ml20"><a href="#" data-state="0" class="orderlist_searchbtn delete_btn">删除</a></li>
                                    </ul>
                                    <div class="orderlist_box mt20 cle">
                                    	<ul class="cle">
                                        	<li class="tt">&nbsp;</li>
                                            <li class="tr">订单编号</li>
                                            <li>商品名称</li>
                                            <li class="td">数量</li>
                                            <li class="td">类型</li>
                                            <li>应付金额（元）</li>
                                            <li class="td">状态</li>
                                            <li>创建时间</li>
                                            <li>支付/开通时间</li>
                                            <li>操作</li>
                                        </ul>
                                        <div class="orderlistdiv cle" id="Pay"></div>
                                    </div>
                                </div>
                                <div id="mytab_Content3" class="tab_content" style="display:none;">
                                	<div class="orderlist_search cle">
                                    	<ul class="cle">
                                        	<li class="fl mr20">
                                                <label for="select">商品名称：</label>
                                                <select name="select" id="selectClose" class="nameInput">
                                                    <option value="">请选择</option>
													<c:forEach items="${goodsList}" var="goods">
														<option value="${goods.goodsId}">${goods.goodsName}</option>
													</c:forEach>
                                                </select>
                                            </li>
                                            <li class="fl ml10">
                                            	<label for="textfield" class="fl">交易时间：</label>
                                                <input type="text" name="textfield" id="startTimeClose" onclick="WdatePicker()" class="fl timeInput Wdate" />
                                                <label for="textfield" class="fl">至：</label>
                                                <input type="text" name="textfield" id="endTimeClose" onclick="WdatePicker()" class="fl timeInput Wdate" />
                                            </li>
                                            <li class="fl ml10"><a href="javascript:void(0)" class="orderlist_searchbtn" id="searchClose">查询</a></li>
                                        </ul>
                                	</div>
                                    <ul class="cle mt20">
                                    	<li class="fl mr20">
                                        	<input type="checkbox" name="checkbox" class="checkall" />
                                          	<label for="checkbox">全选</label>
                                        </li>
                                        <li class="fl ml20"><a href="#" data-state="0" class="orderlist_searchbtn delete_btn">删除</a></li>
                                    </ul>
                                    <div class="orderlist_box mt20 cle">
                                    	<ul class="cle">
                                        	<li class="tt">&nbsp;</li>
                                            <li class="tr">订单编号</li>
                                            <li>商品名称</li>
                                            <li class="td">数量</li>
                                            <li class="td">类型</li>
                                            <li>应付金额（元）</li>
                                            <li class="td">状态</li>
                                            <li>创建时间</li>
                                            <li>支付/开通时间</li>
                                            <li>操作</li>
                                        </ul>
                                        <div class="orderlistdiv cle" id="Close"></div>
                                    </div>
                                </div>
                                <div id="mytab_Content4" class="tab_content" style="display:none;">
                                    <ul class="cle mt20">
                                    	<li class="fl mr20">
                                        	<input type="checkbox" name="checkbox" class="checkall" />
                                          	<label for="checkbox">全选</label>
                                        </li>
                                        <li class="fl ml20"><a href="javascript:void(0)" data-state="1" class="orderlist_searchbtn delete_btn">永久删除</a></li>
                                        <li class="fl ml20"><a href="javascript:void(0)" data-state="2" class="orderlist_searchbtn delete_btn">批量还原</a></li>
                                    </ul>
                                    <div class="orderlist_box mt20 cle">
                                    	<ul class="cle">
                                        	<li class="tb">&nbsp;</li>
                                            <li class="tp">订单编号</li>
                                            <li class="tp">商品名称</li>
                                            <li class="tb">数量</li>
                                            <li class="tb">类型</li>
                                            <li class="tp">实付金额（元）</li>
                                            <li class="tb">状态</li>
                                            <li class="tp">创建时间</li>
                                            <li class="tp">操作</li>
                                        </ul>
                                        <div class="orderlistdiv cle" id="delete"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--订单管理列表切换结束-->
                    </div>
                    <!--订单管理列表结束-->
                </div>
                <!--会员中心右侧-->
                <div class="cl"></div>
			</div>
      	</div>
    </div>
    <!--会员中心中间部分-->
    <!---------------------------------footer------------------------------------>
  	<jsp:include page="../../../common/footer.jsp" />
  	<!---------------------------------footer结束------------------------------------>
</div>
</body>
</html>
